<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
  <link rel="stylesheet" href="opmaak.css" type="text/css" />
  <title>iCUP - Inloggen</title>
</head>
<body>
  <div align="center">
    <br /><br /><br />
    <img src="pics/logo.png" alt="iCup" title="Contact Uren Planner online" /><br /><br /><br />
    <img src="pics/inloggenals.png" alt="inloggen als:" /><br /><br />
    <table align="center">
      <td>
<!-- De buttons -->
        <div class="hor"><a href="#" class="button" onClick="docentform.style.display='none'; leerlingform.style.display='inline'; leerlingform.naam.focus();">Leerling</a></div>
        <div class="hor"><a href="#" class="button" onClick="leerlingform.style.display='none'; docentform.style.display='inline'; docentform.naam.focus();">Docent</a></div>
      </td>
    </table>
    <br />

<!-- De inlogforms, zijn standaard verborgen -->
    <form name="leerlingform" style="display: none;" action="leerlinginloggen.php" method="post">
      Leerlingnummer:<br />
      <input value="" type="textbox" name="naam" onKeyPress="if(event.keyCode == 13) { leerlingform.submit(); }" /><br /><br />
      Wachtwoord:<br />
      <input value="" type="password" name="wachtwoord" onKeyPress="if(event.keyCode == 13) { leerlingform.submit(); }" /><br /><br />
      <input type="image" src="pics/login.png" onMouseOver="src='pics/hoverlogin.png';" onMouseOut="src='pics/login.png';" onClick="src='pics/onclicklogin.png';" /><br /><br />
    </form>

    <form name="docentform" style="display: none;" action="docentinloggen.php" method="post">
      Afkorting:<br />
      <input value="" type="textbox" name="naam" onKeyPress="if(event.keyCode == 13) { docentform.submit(); }" /><br /><br />
      Wachtwoord:<br />
      <input value="" type="password" name="wachtwoord" onKeyPress="if(event.keyCode == 13) { docentform.submit(); }" /><br /><br />
      <input type="image" src="pics/login.png" onMouseOver="src='pics/hoverlogin.png';" onMouseOut="src='pics/login.png';" onClick="src='pics/onclicklogin.png';" /><br /><br />
    </form>
</body>
</html>